<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
</head>
<body>


<div id="testmain" style="display:none;padding:10px; height: 173px; width: 275px;">
    hello world!
</div>


<script src="/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->


<script>
    // 导入 layer模块
    layui.use(["layer"],function(){
        var layer = layui.layer;
        // layer.msg("hello world!!");
        // layer.msg("确定吗？",{btn:["确定！","放弃！"],
        //     yes:function(i){layer.close(i);layer.msg("yes!!!")},
        //     btn2:function(i){layer.close(i);layer.msg("no!!!")}}
        // );

        //0-6 7种图标  0:warning  1:success  2:error  3:question  4:lock  5:哭脸  6：笑脸
        // layer.alert("alert弹框蓝",
        //     {title:'12345',icon:1 },
        //     function(){//点击“确定”按钮时的回调
        //         layer.msg("好滴");
        //     }
        // );

        // layer.confirm("hello world~",
        //     {shade:false,icon:3,btn:["好滴","不行"]},
        //     function(){layer.msg("好滴！");},
        //     function(){layer.msg("不行！")}
        // );

        // layer.open({
        //     type:1,// 消息框，没有确定按钮
        //     title:["hello","padding-left:5px"], // 标题，及标题样式
        //     content:layui.$("#testmain"), // dom格式
        //     offset:'rb',//可以在右下角显示
        //     shade:false //是否遮罩
        // });

        // layer.open({
        //     type:2,// iframe加载，需要一个url
        //     content:"layuitable.html"
        // });


    });
</script>
</body>
</html>